<template>
    <div class="home-container">
        <el-card shadow="never" class="welcome-card">
            <template #header>
                <div class="card-header">
                    <span>欢迎使用轻客管家</span>
                </div>
            </template>
            <div class="welcome-content">
                <p>这是轻客管家系统的首页，您可以通过左侧菜单访问各个功能模块。</p>
                <el-divider></el-divider>
                <div class="quick-access">
                    <h3>快速访问</h3>
                    <div class="quick-links">
                        <el-button type="primary" @click="$router.push('/clue/list')">线索列表</el-button>
                        <el-button type="success" @click="$router.push('/business/list')">商机列表</el-button>
                        <el-button type="info" @click="$router.push('/customer')">客户管理</el-button>
                    </div>
                </div>
            </div>
        </el-card>
    </div>
</template>

<script setup>

</script>

<style scoped>
.home-container {
    padding: 0;
}

.welcome-card {
    margin-bottom: 20px;
}

.welcome-content {
    padding: 20px 0;
}

.quick-access {
    margin-top: 20px;
}

.quick-links {
    display: flex;
    gap: 15px;
    margin-top: 15px;
}
</style>